@mixin flex($fst) {
  display: flex;
  align-items: center;
  justify-content: center;
  @content;
}

@mixin flex-column($fst) {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  @content;
}

@mixin mmaedia($query) {
  @if $query =="mob" {
    @media screen and (max-width: 48rem) {
      body {
        min-width: 18.75rem;
        min-height: 31vh;
      }

      .moNavBtnHide {
        display: none;
      }


      header {
        width: 100%;
        box-sizing: border-box;
        nav{
          box-sizing: border-box;
          width: 100%;
        }
        .nav_box{
          width: 100%;
          box-sizing: border-box;
        }
      }

      main {
        width: 100%;
        display: block;
        min-height: 22vh;
        box-sizing: border-box;
      }

      footer {
        width: 100%;
        box-sizing: border-box;
      }


      @content;
    }
  }

  @else if $query =="des" {
    @media screen and (min-width: 48.0625rem) {
      body {
        min-width: 75.0625rem;
      }
      main{
        width: 100%;
        height: 100%;
        min-height: 21vh;
      }

      
      @content;
    }
  }
}